body{
  background-color: rgba(153, 153, 153, 0.034) !important;
}
.profile-content{
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0 12px;
  background-color: rgba(153, 153, 153, 0.034) !important;
  height: 1000px;
  background-color: #fff;
  .profile-head-box{
    height: 200px;
    .profile-head-card{
      .edit-profile-info{
        padding: 6px;
        border-radius: 5px;
        color: rgb(50, 132, 240);
        border: 1px solid rgb(50, 132, 240);
      }
    }
  }
}
.no-article{
  text-align: center;
  color: #999;
  line-height: 30px;
}
// 文章列表样式
.profile{
  width: 100%;
   .articleList{
    .list-item{
      display: flex;
      position: relative;
      justify-content: space-between;
      margin-bottom: 12px;
      .operate{
        position: relative;
        width: 88px;
        display: flex;
      }
      .content{
        display: flex;
        width: calc(100% - 90px);
      }
      .list-left{
        margin-right: 12px;
        img{
          width: 43px;
          height: 43px;
          border-radius: 5px;
        }
      }
      .list-right{
           overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        .time{
          color: rgb(184, 187, 16);
        }
        @media screen and (max-width:750px){
          .list-title{
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            
          }
        }
        .list-title{

        }
      }
    }
   }
}
@media screen and (min-width:750px) and (max-width: 1200px) {
  .profile-content{
    width: 100%;
    height: auto;
    padding: 0 12px;
    .profile-head-box{
      height: auto;
    }
  }
}
@media screen and (max-width:750px) {
  .profile-content{
    width: 100%;
    height: auto;
    padding: 0 12px;
    .profile-head-box{
      height: auto;
    }
  }
}